<!--
<script type="text/javascript">
jQuery(document).ready(function() {
	$("a#profile_post").click(function(){
		$("form#profile_comment").submit();
		$("textarea#whatareyoudoing").value = 'y olé';
	});
});
</script>
-->

  <br>
  <div id="espaciado" style="float:left"></div>
  
  <div id="contenedorprofile">

<!--
////////////////////////////////////////////// 
////              MENUS BIO               ////
//////////////////////////////////////////////
-->

<div id="menuleft"><div id="b_menuleft_on" class="txt_menuleft"><div style="display: table; height: 40px; position: relative;"><div style="position: relative; top: 50%;display: table-cell; text-align:center; vertical-align: middle;">
	  <div style="position:relative; top:-50%; margin-left:15px;">Profile</div></div></div></div>
   <div id="b_menuleft" class="txt_menuleft_off"><div style="display: table; height: 40px; position: relative;"><div style="position: relative; top: 50%;display: table-cell; text-align:center; vertical-align: middle;">
	  <div style="position:relative; top:-50%; margin-left:15px;">Planning</div></div></div></div>
   <div id="b_menuleft" class="txt_menuleft_off"><div style="display: table; height: 40px; position: relative;"><div style="position: relative; top: 50%;display: table-cell; text-align:center; vertical-align: middle;">
	  <div style="position:relative; top:-50%; margin-left:15px;">Friends</div></div></div></div>
   <div id="b_menuleft" class="txt_menuleft_off"><div style="display: table; height: 40px; position: relative;"><div style="position: relative; top: 50%;display: table-cell; text-align:center; vertical-align: middle;">
	  <div style="position:relative; top:-50%; margin-left:15px;">Events</div></div></div></div>
   <div id="b_menuleft" class="txt_menuleft_off"><div style="display: table; height: 40px; position: relative;"><div style="position: relative; top: 50%;display: table-cell; text-align:center; vertical-align: middle;">
	  <div style="position:relative; top:-50%; margin-left:15px;">Join on Places</div></div></div></div>
   <div id="greyarrow" style="z-index:999; left: 158px; top: -175px; display:visible;"></div>
   <div id="greyarrow" style="z-index:999; left: 158px; top: -125px; display:none;"></div>
      <div id="greyarrow" style="left: 158px; top: -75px; display:none;"></div>
      <div id="greyarrow" style="left: 158px; top: -25px; display:none;"></div>
      <div id="greyarrow" style="left: 158px; top: 25px; display:none;"></div></div>

<!--
//////////////////////////////////////////////
////              MODULO BIO              ////
//////////////////////////////////////////////
-->

   <div id="biogeneral"><div id="bio">
     <div id="containbio">
       <div id="photo"><img src="/images/x.gif" width="100" height="120">
         <div id="cambiarimagen"><a href="#" class="texto">Cambiar imagen</a></div>
       </div>
       <div id="contentbio">
         <div><a class="username"><?php echo $userinfo['first_name'] . " " . $userinfo['last_name']; ?></a></div>
         <div style="height:5px;"></div>
         <div><span class="texto"><?php echo $nearnews_list[0]['description']; ?> </span><span class="addtextgris">has dicho hace 4 d&iacute;as.</span></div>
         <div style="height:5px;"></div>
         <div id="privacidad">
           <div style="width:380px; height:auto; margin-left:10px; margin-right:10px; margin-top:5px;">
             <div style="float:left; position:relative; width:185px;"><span class="texto2" style="float:left; position:relative; width:185px;">Location</span></div>
             <div style="float:left; position:relative; width:185px; left:10px;"><span class="texto2" style="float:left; position:relative; width:185px;">Interests</span></div>
             <div class="texto3" style="float:left; position:relative; width:185px;"><?php echo $userinfo->GeoLocation->country;?>&nbsp;</div>
             <div class="texto3" style="float:left; position:relative; width:185px; left:10px;"><?php echo $userinfo['interests']; ?>&nbsp;</div>
             <div style="float:left; position:relative; width:370px; height:5px;"><img src="/images/x.gif" width="1" height="1"></div>
             <div style="float:left; position:relative; width:185px;"><span class="texto2" style="float:left; position:relative; width:185px;">Gender</span></div>
             <div style="float:left; position:relative; width:185px; margin-left:10px;"><a href="#" class="btnActivities">Activities</a></div>
             <div class="texto3" style="float:left; position:relative; width:185px;"><?php echo $userinfo['gender']; ?>&nbsp;</div>
             <div class="texto3" style="float:left; position:relative; width:185px; left:10px;"><?php //echo $userinfo['activities']; ?>&nbsp;</div>
           </div>
         </div>
       </div>
       <div style="float:left; width:520px; height:10px;"></div>

		<!--------------------------------------------->
		<!--             FORMULARIO BIO              -->
		<!--------------------------------------------->
		<div style="float:left; width:520px; height:auto;">
			<div id="inputArea" style="height:160px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px;">
				<form method="post" name="profile_comment" id="profile_comment" action="<?php echo url_for('mydoor/save') ?>">
					<div style="position:relative; float:left; width:100%;">
						<div class="arrow-down-green-overform" style="bottom:-25px; left:70px;"></div>
						<div id="b_what" class="what" >what are you doing?</div>
						<div class="arrow-down-orange-overform" style="bottom:-25px; left:70px; display:none;"></div>
						<div id="b_whats" class="where">what's happening?</div>
					</div>
					<div style="width:100%; position:relative; float:left; margin-top:5px;">
						<div style="position:relative; float:left; width:500px; height:15px;"></div>
						<div style="position:relative; float:left; width:500px; height:auto; margin-bottom:10px; top:-4px;">
							<?php echo $form; ?>
						</div>
					<div style="position:relative; float:left; width:500px; height:20px;"></div>
					<div style="float:left; position:relative; width:auto; height:30px; margin-right:10px; top:-20px;">
						<div style="float:left; position:relative; width:20px;">
							<input type="checkbox" name="radio" id="facebook" value="facebook" />
						</div>
						<div class="addtextgris" style="float:left; position:relative; width:auto; line-height:16px;">Share on Facebook</div>
					</div>
					<div id="b_post" style="top:-20px; background: none;">
						<input type="submit" />
						<a id="profile_post" class="small blue awesome" style="width: 60px; text-align: center;">POST</a>
						<!-- <div class="botonpost" style="position:relative; top:8px; margin-left:20px;">POST</div> -->
					</div>
				</form>
			</div>
		</div>
		
		</div>
		</div>
		</div>


   <!--------------------------------------------->
   <!--             MODULO COMMENT              -->
   <!--------------------------------------------->
	<div id="profilecomments">
		<?php foreach ($nearnews_list as $item=>$value) { ?>
		<div id="modulocomments">
			<div id="miniphoto">
				<img src="/images/x.gif" width="50" height="60">
			</div>
			<div style="float:left; margin-left:10px; width:460px;">
				<div style="position:relative; float:left; width:auto; height:16px;">
					<p><a href="#" class="nombreprofile" ><?php echo $userinfo['first_name'] . " " . $userinfo['last_name']; ?></a></p>
				</div>
				<div style="position:relative; float:left; width:auto; height:16px; margin-left:5px; vertical-align:baseline; line-height:16px;">
					<span class="addtextgris"> Post an Update</span>
				</div>
			</div>
	
			<div style="position:relative; float:right; width:460px; height:5px;"></div>
		
			<div style="position:relative; float:right; width:460px;">
				<p class="commentprofile"><?php echo $value['description']; ?></p>
				<div style="position:relative; float:left; width:450px; height:20px;">
					<div style="float:left; width:450px;">
						<div id="btnreply">
							<a href="#" class="replyprofile" >
								Reply<?php if (sizeof($comments_list[$value["id"]]) > 0) { echo " (" . sizeof($comments_list[$value["id"]]) . ")"; } ?>
							</a>
						</div>
						<div id="btnrest">
							<a href="#" class="restprofile" >Favorite</a>
						</div>
						<div id="btnrest">
							<a href="#" class="restprofile" >#</a>
						</div>
						<div  id="btnrest">
							<a href="#" class="restprofile" >3 weeks ago</a>
						</div>
						<div id="btnreply">
							<a href="#" class="cuteprofile" ><img src="/images/handok.png" width="13" height="13" align="texttop">&nbsp;&nbsp;Cute? (4)</a>
						</div>
					</div>
				</div>
				<div style="position:relative; float:left; width:450px; height:10px;"></div>

				<!--------------------------------------------->
				<!--            FRIENDS COMMENTS             -->
				<!--------------------------------------------->
				<div id="cajacomments" style="position:relative; float:left; width:450px; height:auto; background-color:#EEE; padding:10px;">
					<div id"comment">
				<?php if (sizeof($comments_list[$value["id"]]) > 0) { ?>
				<?php } ?>
				
						<?php foreach ($comments_list[$value["id"]] as $citem=>$cvalue) { ?>
						<div id="miniphotocomment">
					 		<img src="/images/x.gif" width="35" height="42">
					 	</div>
					 	<div style="float:left; margin-left:10px; width:400px;">
					 		<div style="position:relative; float:left; width:auto; height:16px;">
					 			<a href="asd" class="nombreprofile" ><?php echo $cvalue['name']; ?></a>
					 		</div>
					 		<div style="position:relative; float:left; width:auto; height:16px; vertical-align:baseline; line-height:16px; margin-left:5px">
					 			<span class="addtextgris"> 2 weeks, 5 hours ago</span>
					 		</div>
					 	</div>
					 	
					 	<div style="position:relative; float:right; width:400px; height:5px;"></div>
					 	<div style="position:relative; float:right; width:400px;">
					   		<p class="commentprofile"><?php echo $cvalue["description"]; ?></p>
					   	</div>
						<div style="position:relative; float:left; width:450px; height:1px; background-color:#FFF;"></div>
						<div style="position:relative; float:left; width:450px; height:10px;"></div>       
						<?php } ?>

						<!------------------------------------------------>
						<!--				COMMENT FORM				-->
						<!------------------------------------------------>
						<div id="miniphotocomment">
							<img src="imgs/x.gif" width="35" height="42">
						</div>
						<div id="friendscommentform">
							<div style="float:left; width:auto; ">
								<div id="inputArea2" style="height:130px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;">
									<div style="width:380px; position:relative; float:left;">
										<textarea name="post" rows="3"></textarea>
										<br>
										<div id="b_post" style="float:left; top:-10px;">
											<div class="botonpost" style="position:relative; top:8px; margin-left:20px;">POST</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!------------------------------------------------>
						<!--			END COMMENT FORM				-->
						<!------------------------------------------------>
					</div>
				</div>
				<?php if (sizeof($comments_list[$value["id"]]) > 0) { ?>
				<?php } ?>
			</div>
		</div>
	
		<div style="position:relative; float:left; width:100%; height:20px;"></div>

		<?php } ?>
	</div>

<div style="width:250px; height:auto; position:relative; float:right; margin-top:10px; margin-bottom:10px;">
<div style="position:relative; float:left;">
<div id="btnMore">More &raquo;</div>
</div>
</div>
</div>

<div id="espaciadohorizontalprofile"></div>
   
<!--////////////////////////////////////////////// 
	////           MODULO DERECHA             ////
	//////////////////////////////////////////////-->
    
   <div id="menuright" class="degradado">
   <div id="modulonotific">
   <div id="notifictittle">
    <div style="float:left; margin-left:10px; width:auto;"><div style="position:relative; float:left; width:110px;"><a class="titnotific" >Mis notificaciones</a></div>
     <div style="position:relative; float:left; width:auto; height:16px; margin-left:5px; vertical-align:baseline;"><span class="addtextblanco"> 1 nueva</span></div></div></div>
   <div id="notific-content">
     <div style="position:relative; float:left; width:200px"><img style="margin-left:10px;" src="/images/addfriend.png" width="16" height="16" border="0" align="top"><a href="#" class="notificacion" >1 invitación de amistad</a></div>
   </div>
   </div>
   <div style="position:relative; float:left; width:220px; height:20px;"></div>
   <div id="modulonotific">
   <div id="notifictittle">
    <div style="float:left; margin-left:10px; width:auto;">
      <div style="position:relative; float:left; width:110px;"><a class="titnotific" >A&ntilde;adir amigos</a></div></div></div>
   <div id="notific-content">
     <div style="position:relative; float:left; width:200px">
     <div style="position:relative; float:left; width:100%"><div style="position:relative; float:left; width:33%; text-align:center;"><img src="/images/ico_msn.gif" width="24" height="24" vspace="4" border="0"><br>
         <span class="addtextgris">MSN</span></div><div style="position:relative; float:left; width:33%; text-align:center;"><img src="/images/ico_gmail.gif" width="24" height="24" vspace="4" border="0"><br>
           <span class="addtextgris">GMAIL</span> </div><div style="position:relative; float:left; width:33%; text-align:center;"><img src="/images/ico_yah.gif" width="24" height="24" vspace="4" border="0"><br>
             <span class="addtextgris">YAHOO</span> </div></div>
     <div class="clear" style="width:auto; height:auto; position:relative; float:left; margin-top:10px; margin-bottom:10px; left:50px;"><a class="small blue awesome">Search Friends »</a></div></div>
   </div>
   </div>
   
   <div style="position:relative; float:left; width:220px; height:20px;"></div>
   <div id="modulonotific">
   <div id="notifictittle">
    <div style="float:left; margin-left:10px; width:auto;">
      <div style="position:relative; float:left; width:110px;"><a class="titnotific" >Near Places</a></div></div></div>
   <div id="notific-content">
     <div style="position:relative; float:left; width:200px">
     <div style="position:relative; float:left; width:100%">
       <div style="position:relative; float:left; width:100%;"><div style="position:relative; float:left; width:auto; text-align:center;"><span class="addtextgris">RATING</span></div>
       <div style="position:relative; float:right; width:auto; text-align:center;"><span class="addtextgris">PLACE</span></div></div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px; "><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px;"><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px;"><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px;"><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px;"><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:20px; margin-top:10px;"><div style="position:relative; float:left; width:auto; height:20px; text-align:right; margin-right:10px"><span class="addtextgris">1</span></div>
       <div style="position:relative; float:left; width:auto; height:20px; text-align:left;"><span class="addtextgris">PLACE NUMER 1</span></div>
       <div  id="btnposition"><a href="#" class="replyprofile" >3</a></div>
       <div  id="btnvotes"><a href="#" class="restprofile" >16</a></div>
       </div>
       </div>
       </div>
   </div>
   <div class="clear" style="width:auto; height:auto; position:relative; float:left; margin-top:10px; margin-bottom:10px; left:66px;"><a class="small blue awesome">More Places &raquo;</a></div>
   </div>
   
   <div style="position:relative; float:left; width:220px; height:20px;"></div>
   <div id="modulonotific">
   <div id="notifictittle">
    <div style="float:left; margin-left:10px; width:auto;">
      <div style="position:relative; float:left; width:110px;"><a class="titnotific" >Near Events</a></div></div></div>
   <div id="notific-content">
     <div style="position:relative; float:left; width:200px">
     <div style="position:relative; float:left; width:100%">
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/airelibre.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/cine.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/comida.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/concierto.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/museo.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div style="position:relative; float:left; width:100%; height:auto; margin-top:10px; ">
         <div id="iconmodulemini" style="background-image:url(/images/icons/fiestas.png);"><img src="/images/x.gif" width="25" height="29"></div>
       <div style="position:relative; float:left; width:116px; height:auto; text-align:left;"><span class="nombreprofile">Event tittle</span><span class="addtextgris"><br>
         Descripci&oacute;n del evento
       </span></div>
       <div class="clear" style="width:45px; height:36px; position:relative; float:right; left:5px;"><a class="small blue awesome">Go &raquo;</a></div>
       </div>
       <div class="clear" style="width:auto; height:auto; position:relative; float:left; margin-top:10px; margin-bottom:10px; left:66px;"><a class="small blue awesome">More Events &raquo;</a></div>
     </div>
       </div>
   </div>
   </div>
   </div>
   </div>

